<template>
 <div>
   <v-baseon href='https://quilljs.com/docs/quickstart/' text = 'Vue.Draggable'/>
   <dragg-able :list1='list1' :list2='list2' />
 </div>
</template>

<script>
import Http from '@/http'
import DraggAble from '@/components/draggable'
import VBaseon from '@/components/baseon'
export default {
  components: {
    DraggAble,
    VBaseon
  },
  data () {
    return {
      list1: [],
      list2: [],
    }
  },
  mounted () {
    Http.post('/GetDnfList').then(response => {
      if (response) {
        const { datas } = response.data;
        ({ list1: this.list1 } = datas);
        ({ list2: this.list2 } = datas)
      }
    })
  }
}
</script>

<style scoped>

</style>